<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>

    
</head>
<body>
    <style>.box {  }; </style>
    <div class="box">
                <div id="f135e2d56c1c4ccdb7fec88f56956f60" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_f135e2d56c1c4ccdb7fec88f56956f60 = echarts.init(
            document.getElementById('f135e2d56c1c4ccdb7fec88f56956f60'), 'white', {renderer: 'canvas'});
        var option_f135e2d56c1c4ccdb7fec88f56956f60 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4ef7\u683c\u533a\u95f4\u7edf\u8ba1",
            "data": [
                173,
                626,
                206,
                120,
                110
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4ef7\u683c\u533a\u95f4\u7edf\u8ba1"
            ],
            "selected": {
                "\u4ef7\u683c\u533a\u95f4\u7edf\u8ba1": true
            }
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "50\u4ee5\u4e0b",
                "50-100\u5143",
                "100-150\u5143",
                "150-200\u5143",
                "200\u5143\u4ee5\u4e0a"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ]
};
        chart_f135e2d56c1c4ccdb7fec88f56956f60.setOption(option_f135e2d56c1c4ccdb7fec88f56956f60);
    </script>
<br/>                <div id="8e204edb379b48399034c50e45cf298a" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_8e204edb379b48399034c50e45cf298a = echarts.init(
            document.getElementById('8e204edb379b48399034c50e45cf298a'), 'white', {renderer: 'canvas'});
        var option_8e204edb379b48399034c50e45cf298a = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u4ea7\u54c1\u6570\u91cf\u524d15\u5e97\u94fa",
            "data": [
                61,
                60,
                13,
                13,
                13,
                10,
                10,
                8,
                8,
                7,
                7,
                6,
                6,
                6,
                6
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4ea7\u54c1\u6570\u91cf\u524d15\u5e97\u94fa"
            ],
            "selected": {
                "\u4ea7\u54c1\u6570\u91cf\u524d15\u5e97\u94fa": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 30,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u5929\u732b\u56fd\u9645\u8fdb\u53e3\u8d85\u5e02",
                "\u5929\u732b\u8d85\u5e02",
                "\u963f\u91cc\u5065\u5eb7\u5927\u836f\u623f",
                "\u9738\u738b\u5b98\u65b9\u65d7\u8230\u5e97",
                "\u4e07\u5b81\u5b98\u65b9\u6d77\u5916\u65d7\u8230\u5e97",
                "chemistwarehouse\u6d77\u5916\u65d7\u8230",
                "\u53d1\u96c5\u4e1d\u65d7\u8230\u5e97",
                "\u963f\u9053\u592b\u65d7\u8230\u5e97",
                "\u9738\u738b\u8446\u5a55\u4e13\u5356\u5e97",
                "\u8d44\u751f\u5802\u96c6\u56e2\u6d77\u5916\u65d7\u8230\u5e97",
                "\u517b\u5143\u9752\u65d7\u8230\u5e97",
                "\u5b9d\u6d01\u5b98\u65b9\u65d7\u8230\u5e97",
                "\u4e91\u5357\u767d\u836f\u7259\u818f\u5b98\u65b9\u65d7\u8230\u5e97",
                "\u53cb\u6765\u5c0f\u94fa",
                "\u4e07\u5b81\u5b98\u65b9\u65d7\u8230\u5e97"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_8e204edb379b48399034c50e45cf298a.setOption(option_8e204edb379b48399034c50e45cf298a);
    </script>
<br/>                <div id="26dd033fcf234262a6b345cca05cdde5" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_26dd033fcf234262a6b345cca05cdde5 = echarts.init(
            document.getElementById('26dd033fcf234262a6b345cca05cdde5'), 'white', {renderer: 'canvas'});
        var option_26dd033fcf234262a6b345cca05cdde5 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u4e09\u4e2a\u9b54\u53d1\u5320\u65d7\u8230\u5e97",
                    "value": 150000
                },
                {
                    "name": "1259872803my03916343",
                    "value": 150000
                },
                {
                    "name": "\u4e09\u4e2a\u9b54\u53d1\u5320\u65d7\u8230\u5e97",
                    "value": 150000
                },
                {
                    "name": "\u827e\u8d1d\u5c14\u5316\u5986\u54c1\u4e13\u8425\u5e97",
                    "value": 95000
                },
                {
                    "name": "\u6709\u60c5\u65d7\u8230\u5e97",
                    "value": 50000
                },
                {
                    "name": "\u9b54\u9999\u897f\u9ea6\u4e13\u5356\u5e97",
                    "value": 50000
                },
                {
                    "name": "\u8d1d\u7ef4\u8bd7\u65d7\u8230\u5e97",
                    "value": 40000
                },
                {
                    "name": "manting\u6ee1\u5a77\u65d7\u8230\u5e97",
                    "value": 40000
                },
                {
                    "name": "\u99a5\u7eff\u5fb7\u96c5\u65d7\u8230\u5e97",
                    "value": 35000
                },
                {
                    "name": "\u9738\u738b\u96bd\u7a46\u4e13\u5356\u5e97",
                    "value": 20000
                },
                {
                    "name": "\u963f\u9053\u592b\u68a6\u5353\u4e13\u5356\u5e97",
                    "value": 20000
                },
                {
                    "name": "\u6ecb\u6e90\u65d7\u8230\u5e97",
                    "value": 15000
                },
                {
                    "name": "\u9738\u738b\u5b98\u65b9\u65d7\u8230\u5e97",
                    "value": 15000
                },
                {
                    "name": "\u5929\u732b\u56fd\u9645\u8fdb\u53e3\u8d85\u5e02",
                    "value": 15000
                },
                {
                    "name": "\u5929\u732b\u56fd\u9645\u8fdb\u53e3\u8d85\u5e02",
                    "value": 15000
                }
            ],
            "radius": [
                "0%",
                "75%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e09\u4e2a\u9b54\u53d1\u5320\u65d7\u8230\u5e97",
                "1259872803my03916343",
                "\u827e\u8d1d\u5c14\u5316\u5986\u54c1\u4e13\u8425\u5e97",
                "\u6709\u60c5\u65d7\u8230\u5e97",
                "\u9b54\u9999\u897f\u9ea6\u4e13\u5356\u5e97",
                "\u8d1d\u7ef4\u8bd7\u65d7\u8230\u5e97",
                "manting\u6ee1\u5a77\u65d7\u8230\u5e97",
                "\u99a5\u7eff\u5fb7\u96c5\u65d7\u8230\u5e97",
                "\u9738\u738b\u96bd\u7a46\u4e13\u5356\u5e97",
                "\u963f\u9053\u592b\u68a6\u5353\u4e13\u5356\u5e97",
                "\u6ecb\u6e90\u65d7\u8230\u5e97",
                "\u9738\u738b\u5b98\u65b9\u65d7\u8230\u5e97",
                "\u5929\u732b\u56fd\u9645\u8fdb\u53e3\u8d85\u5e02"
            ],
            "selected": {},
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "\u9500\u91cf\u524d15\u5e97\u94fa",
            "left": "center",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_26dd033fcf234262a6b345cca05cdde5.setOption(option_26dd033fcf234262a6b345cca05cdde5);
    </script>
<br/>                <div id="aa2aa1dbceee49ce9d9110bb14b5732b" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_aa2aa1dbceee49ce9d9110bb14b5732b = echarts.init(
            document.getElementById('aa2aa1dbceee49ce9d9110bb14b5732b'), 'white', {renderer: 'canvas'});
        var option_aa2aa1dbceee49ce9d9110bb14b5732b = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "china",
            "data": [
                {
                    "name": "\u4e0a\u6d77",
                    "value": 204
                },
                {
                    "name": "\u4e91\u5357",
                    "value": 20
                },
                {
                    "name": "\u52a0\u62ff\u5927",
                    "value": 1
                },
                {
                    "name": "\u5317\u4eac",
                    "value": 32
                },
                {
                    "name": "\u5409\u6797",
                    "value": 18
                },
                {
                    "name": "\u56db\u5ddd",
                    "value": 15
                },
                {
                    "name": "\u5929\u6d25",
                    "value": 2
                },
                {
                    "name": "\u5b89\u5fbd",
                    "value": 9
                },
                {
                    "name": "\u5c71\u4e1c",
                    "value": 11
                },
                {
                    "name": "\u5c71\u897f",
                    "value": 5
                },
                {
                    "name": "\u5e7f\u4e1c",
                    "value": 367
                },
                {
                    "name": "\u5e7f\u897f",
                    "value": 5
                },
                {
                    "name": "\u5fb7\u56fd",
                    "value": 2
                },
                {
                    "name": "\u65e5\u672c",
                    "value": 33
                },
                {
                    "name": "\u6c5f\u82cf",
                    "value": 58
                },
                {
                    "name": "\u6c5f\u897f",
                    "value": 18
                },
                {
                    "name": "\u6cb3\u5317",
                    "value": 6
                },
                {
                    "name": "\u6cb3\u5357",
                    "value": 18
                },
                {
                    "name": "\u6ce2\u5170",
                    "value": 5
                },
                {
                    "name": "\u6d59\u6c5f",
                    "value": 175
                },
                {
                    "name": "\u6d77\u5916",
                    "value": 1
                },
                {
                    "name": "\u6e56\u5317",
                    "value": 2
                },
                {
                    "name": "\u6e56\u5357",
                    "value": 11
                },
                {
                    "name": "\u6fb3\u5927\u5229\u4e9a",
                    "value": 16
                },
                {
                    "name": "\u798f\u5efa",
                    "value": 144
                },
                {
                    "name": "\u7f8e\u56fd",
                    "value": 8
                },
                {
                    "name": "\u82f1\u56fd",
                    "value": 7
                },
                {
                    "name": "\u897f\u73ed\u7259",
                    "value": 3
                },
                {
                    "name": "\u8d35\u5dde",
                    "value": 1
                },
                {
                    "name": "\u8fbd\u5b81",
                    "value": 7
                },
                {
                    "name": "\u91cd\u5e86",
                    "value": 3
                },
                {
                    "name": "\u9655\u897f",
                    "value": 4
                },
                {
                    "name": "\u97e9\u56fd",
                    "value": 11
                },
                {
                    "name": "\u9999\u6e2f",
                    "value": 13
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {
                "": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "\u5e97\u94fa\u4f4d\u7f6e\u5206\u5e03\u56fe",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 1,
        "max": 367,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "inverse": false,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140,
        "borderWidth": 0
    }
};
        chart_aa2aa1dbceee49ce9d9110bb14b5732b.setOption(option_aa2aa1dbceee49ce9d9110bb14b5732b);
    </script>
<br/>    </div>
    <script>
    </script>
</body>
</html>
